@charset "utf-8";
// $bg_color:#b20000;
// $text_color:#323232;
// $sub_color:#c5c5c5;
// 
// @function r($px){
// 	@return $px/50+rem;
// }
.fl{
	float: left;
}
.fr{
	float: right;
}
*{
	list-style: none;
}

.container-fluid{
	.nav_box{
		background-color: #222222;
		border: none;
	}
	.navbar-header .img_box{
		padding: 7px 15px;
	}
	.navbar-default{
		.navbar-default:first-of-type{
			li{
				a{
					color: #9d9d9d;
				}
			}
		}
		.navbar-nav{
			li{
				a{
					color: #9d9d9d;
				}
			}
			.active,
			li:hover{
				a{
					background-color: #080808;
					color: #00ffff;
				}
			}
		}
		.navbar-default:last-of-type{
			li{
				a{
					color: #9d9d9d;
				}
			}
		}
	}
} 
.carousel{
	margin-top: 50px;
}

.footer{
	// width: 100%;
	padding-bottom: 20px;
	// height: 110px;
	// background-color: #222222;
	.footer-box{
		margin-top: 30px;
		.footer-cont-box{
			padding: 0;
			color: #a1a3ab;
			text-decoration: none;
			a{
				font-size: 14px;
				text-decoration: none;
			}
			h6{
				font-size: 12px;
				color: #a1a3ab;
			}
		}
		.footer-i-box{
			margin-left: 95px;
			.i-box{
				position: relative; 
				margin-right: 10px;
				i{
					width: 120px;
					height: 120px;
					font-size: 30px;
					background-color: #d8d8e0;
					border-radius: 120px;
					color: #4c4c52;
				}
				.footer-img{
					position: absolute;
					display: none;
					top: -146px;
					left: -53px;			
				}
			}
			.hoverone:hover img{
				display: block;
			}
			.i-box2{
				position: relative;
				margin-right: 10px;
				i{
					width: 120px;
					height: 120px;
					font-size: 30px;
					background-color: #d8d8e0;
					border-radius: 120px;
					color: #4c4c52;
				}
				.footer-img2{
					position: absolute;
					display: none;
					top: -146px;
					left: -55px;
				}
			}
			.hovertwo:hover img{
				display: block;
			}
			.i-box3{
				position: relative;
				i{
					width: 120px;
					height: 120px;
					font-size: 30px;
					background-color: #d8d8e0;
					border-radius: 120px;
					color: #4c4c52;
				}
				.footer-img3{
					position: absolute;
					display: none;
					top: -146px;
					left: -54px;
				}
			}
			.hoverthree:hover img{
				display: block;
			}
		}
	}
}

// @media only screen and (min-width:320px) and (max-width:767px){
// 	.container-fluid{
// 		// .navbar-default .navbar-nav:first-of-type li a{
// 		// 	padding: 15px 4px;
// 		// }
// 		
// 	}
// 	.engin-box{
// 		background-color: #fbfaf7;
// 		padding: 10px 0;
// 		.img-box{
// 			margin: 0 auto;
// 			margin-bottom: 8px;
// 		}
// 		.engine-content-box{
// 			margin-top: 10px;
// 		}
// 		h4{
// 			margin: 10px 0;
// 			font-size: 18px;
// 			text-align: center;
// 		}
// 		h2{
// 			font-size: 28px;
// 			text-align: center;
// 		}
// 		.engine-content-text{
// 			text-align: center;
// 			p{
// 				text-align: justify;
// 			}
// 		}
// 	}
// }

@media only screen and (min-width:768px) and (max-width:991px) {
    .container-fluid {
        .navbar-default .navbar-nav:first-of-type li a {
            padding: 15px 4px;
        }
        .engine-box {
            background: #FBFAF7;
        }
    }
	.footer .footer-box .footer-i-box{
		margin-left: 3%;
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.footer{
			.footer-box{
				.footer-i-box{
					padding: 0;
					margin: 0;
					margin-left: 50px;
				}
			}
		}
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .container-fluid {
        .engine-box {
            background: #FBFAF7;
            padding: 10px 0;
            .img-box {
                margin: 0 auto;
                margin-bottom: 8px;
            }
            .engine-content-box {
                margin-top: 10px;
            }
            h4 {
                margin: 10px 0;
                font-size: 18px;
                text-align: center;
            }
            h2 {
                font-size: 28px;
                text-align: center;
            }
            .engine-content-text {
                text-align: center;
                p{
                    text-align: justify;
                }
            }
        }
    }
	.footer{
		text-align: center;
		.footer-box{
			.footer-i-box{
				margin: 0;
				text-align: center;
				display: inline-block;
			}
		}
	}
}
